<link rel="stylesheet" href="/public/common/zyupload/skins/zyupload-1.0.0.css " type="text/css">
<script type="text/javascript" src="/public/common/zyupload/zyupload.basic-1.0.0.js"></script>

<div class="wrapper wrapper-content animated fadeInRight">
    <!-- PAGE CONTENT BEGINS -->
    <div class="row">
        <div class="col-xs-12">
            <div class="ibox-content">
                <div id="zyupload" class="zyupload"></div>
                <script type="text/javascript">
                    $(function () {
                        // 初始化插件
                        $("#zyupload").zyUpload({
                            width: "650px", // 宽度
                            height: "auto", // 宽度
                            itemWidth: "140px", // 文件项的宽度
                            itemHeight: "115px", // 文件项的高度
                            url: "<?=url('miniapp/company.company/photosave',['company_id'=>$company_id,'mdl'=>'goods_photo'])?>", // 上传文件的路径
                            fileType: ["jpg", "png", 'gif', 'jpeg', 'bmp'], // 上传文件的类型
                            fileSize: 51200000, // 上传文件的大小
                            multiple: true, // 是否可以多个文件上传
                            dragDrop: false, // 是否可以拖动上传文件
                            tailor: false, // 是否可以裁剪图片
                            del: true, // 是否可以删除文件
                            finishDel: false, // 是否在上传文件完成后删除预览
                            /* 外部获得的回调接口 */
                            onSelect: function (selectFiles, allFiles) {    // 选择文件的回调方法  selectFile:当前选中的文件  allFiles:还没上传的全部文件
                                console.info("当前选择了以下文件：");
                                console.info(selectFiles);
                            },
                            onDelete: function (file, files) {              // 删除一个文件的回调方法 file:当前删除的文件  files:删除之后的文件
                                console.info("当前删除了此文件：");
                                console.info(file.name);
                            },
                            onSuccess: function (file, response) {          // 文件上传成功的回调方法
                                console.info("此文件上传成功：");
                                console.info(file.name);
                                console.info("此文件上传到服务器地址：");
                                console.info(response);
                                //$("#uploadInf").append("<p>上传成功，文件地址是：" + response + "</p>");
                            },
                            onFailure: function (file, response) {          // 文件上传失败的回调方法
                                console.info("此文件上传失败：");
                                console.info(file.name);
                            },
                            onComplete: function (response) {           	  // 上传完成的回调方法
                                location.href = "<?=url('/miniapp/company.company/photo',['company_id'=>$company_id])?>";
                            }
                        });

                    });

                </script>
                <div class="page-header">
                    <h1>
                        <small>
                            <i class="ace-icon fa fa-angle-double-right"></i>
                            <?=$detail->company_name?>
                        </small>
                    </h1>
                </div><!-- /.page-header -->

                <div class="row">

                    <!-- PAGE CONTENT BEGINS -->
                    <table id="simple-table" class="table  table-bordered table-hover">
                        <thead>
                        <tr>
                            <th>ID</th>
                            <th>图片</th>
                            <th>排序</th>
                            <th>操作</th>
                        </tr>
                        </thead>
                        <form id="mini_list">
                            <tbody>
                            <?php foreach($photos as $val){?>
                            <tr>
                                <td><?=$val->pic_id?></td>

                                <td><img width="80" src="/attachs/uploads/<?=$val->pic?>"/></td>
                                <td>
                                    <input type="text" name="orderby[<?=$val->pic_id;?>]"
                                           id="orderby[<?=$val->pic_id;?>]" value="<?=$val->orderby;?>"/>
                                </td>

                                <td>
                                    <div class="hidden-sm hidden-xs btn-group">
                                        <a title="删除图片" mini="act"
                                           href="<?=url('/miniapp/company.company/photodelete','pic_id='.$val->pic_id)?>"
                                           class="btn btn-xs btn-warning"><i class="fa fa-trash bigger-120"></i>删除</a>
                                    </div>
                                </td>
                            </tr>
                            <?php }?>
                            </tbody>
                        </form>
                    </table>
                    <div class="tableTools-container">
                        <a mini="list" for="mini_list" title="更新排序" href="<?=url('/miniapp/company.company/photoupdate')?>"
                           class="btn btn-sm btn-danger">更新排序</a>
                    </div>
                </div>
            </div><!-- /.row -->
        </div><!-- /.page-content -->
    </div>
</div><!-- /.main-content -->
